<html lang="en">
	<head>
		<title>Smarketing</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="assets/css/bootstrap.css" rel="stylesheet">
		<link href="assets/css/smarketing.css" rel="stylesheet">
		<style type="text/css">
			@font-face {
				font-family: 'Bebas';
				src: url('assets/fonts/BEBAS___-webfont.eot');
				src: url('assets/fonts/BEBAS___-webfont.eot') format('embedded-opentype'),
					 url('assets/fonts/BEBAS___-webfont.woff') format('woff'),
					 url('assets/fonts/BEBAS___-webfont.ttf')  format('truetype'),
					 url('assets/fonts/BEBAS___-webfont.svg#Bebas') format('svg');
				}
		</style>
	</head>
	<body style="padding-bottom:40px">
		<div class="navbar navbar-fixed-top navbar-inverse">
			<div class="navbar-inner">
				<div class="container">
					<ul class="nav">
						<a class="brand" href="index.html">
							<img src="assets/img/smarketing_logo.png" alt>
						</a>
						<li>
							<a href="OurMission.html">About</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Events
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="UpcomingEvents.html">Upcoming</a>
								</li>
								<li>
									<a href="#">Archives <i class="icon-arrow-right"></i></a>
									<ul id="archives-menu" class="dropdown-menu sub-menu">
										<li>
											<a href="2012NetworkingNight.html">2012 Networking Night</a>
										</li>
										<li>
											<a href="2011NetworkingNight.html">2011 Networking Night</a>
										</li>
										<li>
											<a href="NielsenCaseCompetition.html">Nielsen Case Competition</a>
										</li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<a href="Mentorship.html">Mentorship</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Contact
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="ContactUs.php">Talk to Us</a>
								</li>
								<li>
									<a href="JoinUs.html">Join Us</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>			
		</div>
		<div id="myCarousel" class="carousel slide">
			<div class="carousel-inner">
				<div class="item">
					<img src="assets/img/Highlights/illuminate.jpg" alt>
					<div class="container">
						<div class="carousel-caption">
							<h1>Marketing Networking Night</h1>								
							<p class="lead">
								Marketing Networking Nights (MNNs) were conceived in response to a dearth of niche networking sessions in which marketing majors could hold discussions with marketing professionals in an intimate setting. Now in its fourth run, MNN has come to be identified as a staple bi-annual Smarketing signature event. 
							</p>
							<a class="btn btn-large btn-primary" href="2012NetworkingNight.html">See MNN 2012</a>
						</div>
					</div>				
				</div>
				<div class="item">
					<img src="assets/img/Highlights/mentorship.jpg" alt>
					<div class="container">
						<div class="carousel-caption">
							<h1>CMO Mentorship Programme</h1>								
							<p class="lead">
								A collaborative initiative between Smarketing and the APAC chapter of the international Chief Marketing Officers (CMO) council, the CMO Mentorship Programme was pioneered in 2012 for marketing students to foster relationships with marketing professionals as their mentors. 
							</p>
							<a class="btn btn-large btn-primary" href="Mentorship.html">Read More</a>
						</div>
					</div>				
				</div>
				<div class="item">
					<img src="assets/img/Highlights/vivace.jpg" alt>
					<div class="container">
						<div class="carousel-caption">
							<h1>Vivace</h1>								
							<p class="lead">
								This VIVACE, visit Smarketing at Booth 48 to meet our EXCO members and learn more about club activities.
							</p>
							<a class="btn btn-large btn-primary" href="OurMission.html">Read More</a>
						</div>
					</div>				
				</div>
			</div>
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">&#8249;</a>
			<a class="right carousel-control" href="#myCarousel" data-slide="next">&#8250;</a>
		</div>
		<div class="container" >
			<hr>
			<footer>
				<p>&#169; Smarketing</p>
			</footer>
		</div>
		<script src="http://code.jquery.com/jquery.js"></script>
		<script src="assets/js/bootstrap.js"></script>
		<script>
			$(document).ready(function()
			{
			    $('#myCarousel').carousel({
			      interval: 6000
			    });

			    $('#myCarousel').carousel('next');
			});
		</script>
		<!--
		<script>
	      !function ($) {
	        $(function(){
	          $('#myCarousel').carousel()
	        })
	      }(window.jQuery)	    
		</script>-->
	</body>
</html>